<ion-header>

  <ion-navbar>
    <ion-title>确认订单</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div class="payWait">
    <p>
      <label>待支付</label><label>￥8.80</label>
    </p>
    <p>共1个商品</p>
  </div>
  <div class="grayLine">

  </div>
  <div class="payWay">
    <div class="wxBox" (click)="selectToPay(1)">
      <div class="logoBox">
        <img src="../../assets/images/wx.png">
        <span class="wxPay">微信支付</span><span class="random">随机立减（最高3元）</span>
      </div>

      <div class="selected">
        <img src="../../assets/images/{{(!isSelected || isSelectedIndex === 1) ? 'selected' : 'fill' }}.png">
      </div>
    </div>

    <div class="wxBox" (click)="selectToPay(2)">
      <div class="logoBox">
        <img src="../../assets/images/alipay.png">
        <span class="wxPay">支付宝支付</span>
      </div>

      <div class="selected">
        <img src="../../assets/images/{{(isSelected && isSelectedIndex === 2) ? 'selected' : 'fill' }}.png">
      </div>
    </div>

    <div class="wxBox" (click)="selectToPay(3)">
      <div class="logoBox">
        <img src="../../assets/images/gat.png">
        <span class="wxPay">关爱通支付</span>
      </div>

      <div class="selected">
        <img src="../../assets/images/{{(isSelected && isSelectedIndex === 3) ? 'selected' : 'fill' }}.png">
      </div>
    </div>

    <div class="payNow" (click)="payAsyn()">去支付</div>
  </div>
</ion-content>
